طراحی سایت jQuery یک کتابخانه (Library) یا این که همان دیگر یک قاب ورک برای گویش جاوا اسکریپت میباشد. انگیزه اصلی این کتابخانه این میباشد که به کارگیری از جاوا اسکریپت را در پباده سازی سایت سهل و آسانخیس سازد. مشاجره این درس از عصری نقشه خط مش ساخت وب سایت، مبحث jQuery و جواب به سوال jQuery چه است؟ هست.
چه چیزهایی را می بایست پیشین از یادگیری jquery بدانم؟
گذشته از استارت یادگیری جیکوئری، شما بایستی علمهای نخستین طراحی سایت را داشته باشید. یعنی گویشهای:
HTML
CSS
JavaScript
به اشخاص نوفعالیت توصیه میکنیم که پیش از مطالعه این نوشتهیعلمی، مقاله ها پایین را بدون شک مطالعه نمایند:
HTML چه می باشد؟ شناخت با گام اولیه پباده سازی سایت
JavaScript چه میباشد و چه کاربردی داراست؟
jQuery چه میباشد؟
jQuery یک کتابخانه سبک وزن برای جاوا اسکریپت میباشد. این یعنی با حجم کد کمتر نسبت به جاوا اسکریپت، بیشترین فعالیت را انجام می دهد.
شاید کارهایی که در جاوا اسکریپت نیاز به چند خط کدنویسی دارااست، در جی کوئری صرفا در یک خط صورت بپذیرد!
jQuery چه می باشد؟
لوگو و شعار جیکوئری
همینطور jQuery بخش اعظمی از چیزهای پیچیده در JavaScript را هم بی آلایش مینماید، مانند AJAX و ویرایش DOM.
کتابخانه جی کوئری خصوصیتهای تحت را با خویش به یاروهمدم داراست:
ویرایش و ساخت تغییرات در DOM
بازنویسی و ساخت تغییرات در CSS
متدهای اتفاق افتاد (Event) برای HTML
ساخت افکتهای گوناگون و برنامه خردسالان
AJAX
و ابزارهای دیگر…
نکته بسیار مهم: نسبتاً برای هرکاری، افزونههایی برای جی کوئری موجود است که میتوانید از آنها به کارگیری نمائید.
چرا جی کوئری؟
تعداد متعددی کتابخانه یا این که قاب ورک برای لهجه جاوا اسکریپت موجود است، ولی به حیث میرسد jQuery دوستداشتنیترین و گستردهترین کتابخانه این لهجه باشد.
قاب ورک چه میباشد؟
در سراسر عالم اکثری از کمپانیهای وسیع در حوزه اینترنت، از جی کوئری استعمال مینمایند. مانند:
Google
Microsoft
IBM
Netflix
آیا jQuery در همگی مرورگرها فعالیت مینماید؟
گروه گسترش جی کوئری به خیر با مرورگرهای متفاوت شناخت دارا هستند و این مورد سبب گردیده تا jQuery در تمام مرورگرهای پهناور دقیقاً یکسان اجرا شود.
پیرو با به کارگیری از یکسری نمونه سعی بر این داریم تا شمارا با کاربردهای جیکوئری بیش تر آشنا کنیم.
متدهای hide و show در جیکوئری
در جی کوئری، می توانید عنصرها HTML را با استعمال از متدهای ()hide و ()show ، مخفی و آشکار سازید.
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
1
2
3
4
5
6
7
$("#hide").click(function(){
$("p").hide();
});
$("#show").click(function(){
$("p").show();
});
کد بالا می گوید زمانی که روی عنصری با خصیصه “id=”hide کلیک شد، تمام موادتشکیل دهنده p جان دار در ورقه مخفی شوند. و زمانی که روی عنصری با خصیصه “id=”show کلیک شد، تمام موادتشکیل دهنده p جان دار در کاغذ آشکار شوند.
افکتهای کشویی در jQuery
با استعمال از یکسری متد ذیل در جیکوئری، می توانید روی عنصرها HTML افکتهای کشویی اعمال نمائید.
()slideDown
()slideUp
()slideToggle
$("#flip").click(function(){
$("#panel").slideToggle();
});
1
2
3
$("#flip").click(function(){
$("#panel").slideToggle();
});
کد بالا می گوید هرگاه روی عنصری با خصیصه “id=”flip کلیک شد، عنصری با خصیصه “id=”panel بصورت کشویی گشوده و بسته شود.
تا اینجا به صورت مختصر با کتابخانه jQuery آشنا شدید. برای استارت یادگیری این گویش می توانید به سایت قانونی آن یعنی jQuery.com مراجعهکنید. در حالتیکه این مقاله را دوست داشتید لطفا دیدگاهتان را با ما به اشتراک بگذارید.
مرجع مقالات رسمی و معتبر طراحی سایت...
ما را در سایت مرجع مقالات رسمی و معتبر طراحی سایت دنبال می کنید
برچسب : طراحی سایت , نویسنده : علی پور web02 بازدید : 194 تاريخ : دوشنبه 1 ارديبهشت 1399 ساعت: 14:20